<!doctype html>
<html>
<head>
<script src="jquery-1.7.1.min.js">
</script>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<script src="bootstrap/js/bootstrap.js">
</script>
<style>
body {width: 300px; height: 600px; overflow:hidden;}
#list { overflow:auto; height:490px;}
</style>

</head>
<body>

<div id="search" class="well well-small">
	<div class="input-prepend">
		<span class="add-on"><i class="icon-search"></i></span>
		<input type="text" value="" placeholder="Search ......." style="width:160px"/>
		<a id="openeditor" class="btn" href="#"><i class="icon-edit"></i>Editor</a>

	</div>
</div>
<div class="alert hide" id="savefailed">
<button type="button" class="close" data-dismiss="alert">×</button>
Write hosts file failed check permissions, <a href="javascript:;">Learn more</a>
</div>

<div id="list" class="sidebar-nav">
<div>
	<!--
	<ul class="nav nav-list">
	<li class="nav-header">localhost</li>
	<li class=""><a href="#"><i class="icon-ok"></i>127.0.01<em class="pull-right">111</em></a></li>
	<li><a  class"icon-ok" href="#"><i class="icon-"></i>192.168.1.1</a></li>

	<li class="nav-header">localhost</li>
	<li class=""><a href="#"><i class="icon-ok"></i>127.0.01<em class="pull-right">111</em></a></li>
	<li><a  class"icon-ok" href="#"><i class="icon-"></i>192.168.1.1</a></li>
	</ul>
	-->
</div>
</div>

<script src="popup.js"></script>
</body>
</html>
